<template>
	<div>
		<router-view></router-view>
		<div>
			<van-tabbar v-model="active" style="z-index: 5;">
				<van-tabbar-item replace to="/" icon="balance-o">互助</van-tabbar-item>
				<van-tabbar-item replace to="/goods" icon="bag-o">闲置</van-tabbar-item>
				<van-tabbar-item replace to="/blog" icon="home-o">广场</van-tabbar-item>
				<van-tabbar-item replace to="/message" icon="chat-o">消息</van-tabbar-item>
				<van-tabbar-item replace to="/user" icon="user-o">我的</van-tabbar-item>
			</van-tabbar>
		</div>

	</div>

</template>

<script>
	// import BlogPage from '@/components/pages/BlogPage.vue';
	// import OfferPage from '@/components/pages/OfferPage.vue';
	// import GoodsPage from '@/components/pages/GoodsPage.vue';
	// import MessagePage from '@/components/pages/MessagePage.vue';
	// import PersonalPage from '@/components/pages/PersonalPage.vue';

	export default {
		name: 'App',
		mounted() {
			// console.log(this.$route.path);
		},
		data() {
			return {
				active: 0
			};
		},
		components: {
			// BlogPage,
			// OfferPage,
			// GoodsPage,
			// MessagePage,
			// PersonalPage
		}
	}
</script>

<style>

</style>